import React, { memo } from 'react';
interface HeaderProps {
  leftRender: React.ReactNode;
  rightRender: React.ReactNode;
}
const Header = memo((props: HeaderProps) => {
  const { leftRender, rightRender } = props;
  return (
    <div className="h48 flex items-center justify-between bg-nav">
      {leftRender}
      {rightRender}
    </div>
  );
});

export default Header;
